@import '~antd/es/style/themes/default.less';

.wrapper {
    background-color: transparent;

    .title {
        color: #303133;
        font-size: 18px;
    }

    .item {
        margin-bottom: 24px;
        border: 1px solid #dcdfe6;
        width:100%;

        :global {
            .ant-card-head-title {
                a {
                    color: #1d2129;
                    overflow:hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-size: 14px;
                }
            }
        }

        .description {
            -webkit-box-orient: vertical; /* 垂直排列元素 */
            -webkit-line-clamp: 2; /* 显示多少行 */
            display: -webkit-box;
            box-orient: vertical;
            line-clamp: 2;/*显⽰的⾏数*/
            overflow: hidden;
            max-height: 120px;
            text-overflow: ellipsis;
            white-space:pre-wrap;
            margin: 10px 0;
            color: #606266;
            line-height: 24px;
        }

        .keyword {
            & > em {
                color: @disabled-color;
                font-style: normal;
            }
        }

        .extra {
            margin-top: 16px;
            color: @text-color-secondary;
            line-height: 22px;
            & > :global(.ant-avatar) {
                position: relative;
                top: 1px;
                width: 20px;
                height: 20px;
                margin-right: 8px;
                vertical-align: top;
            }
            & > em {
                margin-left: 16px;
                color: @disabled-color;
                font-style: normal;
            }
        }
    }
}
